<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

		<title>CMS - 登录</title>
		<link href="__CSS__/bootstrap.min.css" rel="stylesheet">
		<link href="__CSS__/font-awesome.min.css" rel="stylesheet">
		<link href="__CSS__/animate.min.css" rel="stylesheet">
		<link href="__CSS__/style.min.css" rel="stylesheet">
		<link href="__CSS__/login.min.css" rel="stylesheet">
		<!--[if lt IE 9]>
	    <meta http-equiv="refresh" content="0;ie.html" />
	    <![endif]-->
	</head>

	<body class="signin">
		<div class="signinpanel">
			<div class="row">
				<div class="col-sm-7">
					<div class="signin-info">
						<div class="logopanel m-b">
							<h1>CMS后台管理系统</h1>
						</div>
						<div class="m-b"></div>
						<h4>欢迎使用 <strong>CMS后台管理系统！</strong></h4>
					</div>
				</div>
				<div class="col-sm-5">
					<form id="doLogin" method="post" action="{:url('login/login')}">
						<h4 class="no-margins">登录：</h4>
						<input type="text" id="login_name" name="login_name" class="form-control uname" placeholder="登录账户" />
						<input type="password" id="login_pwd" name="login_pwd" class="form-control pword m-b" placeholder="登录密码" />
						<input type="text" id="verify" name="verify" maxlength="4" class="form-control yzm m-b" placeholder="验证码" autocomplete="off" /> {:captcha_img()}
						<button type="submit" class="btn btn-success btn-block">登 录</button>
					</form>
				</div>
			</div>
			<div class="signup-footer">
				<div class="pull-left">
					&copy; 2017 All Rights Reserved. CMS
				</div>
			</div>
		</div>
		<script src="__JS__/jquery.min.js"></script>
		<script src="__JS__/bootstrap.min.js"></script>
		<script src="__JS__/jquery.form.js"></script>
		<script src="__LIB__/layer/layer.js"></script>
		<script>
			$(function() {
				$('#doLogin').ajaxForm({
					beforeSubmit: checkForm, // 此方法主要是提交前执行的方法，根据需要设置      
					success: complete, // 这是提交后的方法
					dataType: 'json'
				});

				function checkForm() {
					if('' == $.trim($('#login_name').val())) {
						layer.msg('请输入登录用户名');
						return false;
					}

					if('' == $.trim($('#login_pwd').val())) {
						layer.msg('请输入登录密码');
						return false;
					}

					if('' == $.trim($('#verify').val())) {
						layer.msg('请输入验证码');
						return false;
					}

					$("button").removeClass('btn-primary').addClass('btn-danger').text("登录中...");
				}

				function complete(info) {
					if(info.code == 1) {
						layer.msg(info.msg);
						window.location.href = info.url;
					} else {
						layer.msg(info.msg);
						$("button").removeClass('btn-danger').addClass('btn-primary').text("登 录");
						$("#verify").val("");
						$(".captcha").click();
						return false;
					}

				}

			});
		</script>
	</body>

</html>